.table-container{
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed;
  white-space: pre-line;
  .table-label {
    background: #f8f8f8;
    color: #666;
    width: 18%;
  }
  td{
    white-space:nowrap;
    overflow-x:auto;
    &::-webkit-scrollbar {
      width:6px;
      height: 6px;
    }
    /* 滚动槽 */
    &::-webkit-scrollbar-track {
      //-webkit-box-shadow:inset 6px rgba(0,0,0,0.3);
    }
    /* 滚动条滑块 */
    &::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
      background:rgba(136, 136, 136, 0.2);
      &:hover{
        background:rgba(136, 136, 136, 0.5);
      }
    }
    &::-webkit-scrollbar-thumb:window-inactive {
      background:rgba(136, 136, 136, 0.5);
    }
  }
}
.table-bordered {
  border: 0.5px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  background: #ffffff;
  border: 0.5px solid #dddddd;
  padding: 10px 20px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  //border-bottom-width: 1px;
  //修复小屏幕或特殊情况 表格边框变成2px
  border-bottom-width: 0.5px;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}


